@function vw($vw) {
    @return $vw / 750 * 100+vw;
}

* {
    margin: 0;
    padding: 0;
}

html {
    overflow: hidden;
}

// .body{
//     width: 100vw;
//     height: 100vh;

// }
.web {
    width: 100vw;
    height: 100vh;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../img/bg.png);
    background-size: cover;

    // overflow: hidden;


    .box {
        width: vw(580);
        height: vw(940);
        border: 1px solid;
        margin: 0 auto;
        margin-top: vw(250);


        .content {
            font-size: vw(35);
            // margin-top: vw();

            div:nth-child(1) {
                display: flex;
                justify-content: space-around;
                color: #0075c1;
                margin: vw(90) 0;
            }


            div:nth-child(2) {
                display: flex;
                justify-content: space-around;
                margin: vw(90) 0;
                color: #434242;

            }

            div:nth-child(3) {
                display: flex;
                justify-content: space-around;
                margin: vw(90) 0;
                color: #434242;

            }

            div:nth-child(4) {
                display: flex;
                justify-content: space-around;
                margin: vw(90) 0;
                color: #434242;

            }

            div:nth-child(5) {
                text-align: center;
                color: #434242;

            }
        }
    }

}